<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>木地酒庄实训项目</title>
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/header.css" type="text/css" rel="stylesheet">
<link href="css/chanping.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/chanping.js"></script>
</head>

<body>
<div class="box">
	<!--头部区域-->
	<div class="topbox">
		<div class="top">
			<a href="index.html"><img src="images/top-logo.png" class="top-logo"></a>
			<div class="t-sousuo">
				<div class="sousuok">
					<input type="text" placeholder="葡萄酒" class="t-txt">
					<input type="button" value="搜&nbsp;索" class="t-btn">
				</div>
				<span class="t-gjc">关键词：<span style="color: #cf3232;">葡萄酒</span>&nbsp; 冰酒
				&nbsp; 甜酒&nbsp; 香槟&nbsp; 白葡萄酒&nbsp; 红酒&nbsp; 白酒</span>
			</div> 
			<ul>
				<li><i class="fa fa-star" aria-hidden="true"></i><a href="">中文</a></li>
				<li><i class="fa fa-star" aria-hidden="true"></i><a href="#">English</a></li>
			</ul>
		</div>
	</div>
	
	<!--导航区域-->
	<div class="navbox">
		<nav class="nav">
			<ul>
				<li><a href="index.html" >首页</a></li>
				<li class="navhover"><a href="chanping.html">产品</a></li>
				<li><a href="jianjie.html">公司简介</a></li>
				<li><a href="new.html">公司新闻</a></li>
				<li><a href="lxwm.html">联系我们</a></li>
			</ul>
		</nav>
	</div>
	
	<!--焦点产品区域-->
	<div class="banbox">
		<div class="ban">
		<ul class="b-list">
			<li><a href=""><img src="images/chanpin/ban-cp1.png"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp2.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp3.png"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp4.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp1.png"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp2.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp3.png"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp4.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp1.png"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
			<li><a href="#"><img src="images/chanpin/ban-cp2.png" style="margin-left: 80PX;"></a>
					<div class="b-listjs">
					<a href="spxq.html">
					<p>查看详情
					<i class="fa fa-caret-square-o-right" aria-hidden="true" style="font-size: 24px;"></i>
					</p>
					</a>
					</div>
			</li>
		</ul>
		</div>
	</div>
	
	<!--内容区域-->
	<div class="conbox">
		<ul class="c-nav">
			<li><a href="">冰酒</a>
				<ul class="c-nav-hover">
					<li><a href="chanping.html">蓝冰王</a></li>
					<li><a href="chanping.html">加拿诗</a></li>
					<li><a href="chanping.html">安大略</a></li>
					<li><a href="chanping.html">红冰酒</a></li>
				</ul>
			</li>
			<li><a href="">红酒</a>
				<ul class="c-nav-hover">
					<li><a href="">佳丽酿</a></li>
					<li><a href="chanping.html">赤霞珠</a></li>
					<li><a href="chanping.html">蛇龙珠</a></li>
					<li><a href="chanping.html">品丽珠</a></li>
					<li><a href="chanping.html">白诗南</a></li>
					<li><a href="chanping.html">塞米雍</a></li>
				</ul>
			</li>
			<li><a href="">甜酒</a>
				<ul class="c-nav-hover">
					<li><a href="chanping.html">湖南酒</a></li>
					<li><a href="chanping.html">湖北酒</a></li>
					<li><a href="chanping.html">黑檽米</a></li>
				</ul>
			</li>
			<li><a href="">香槟</a>
				<ul class="c-nav-hover">
					<li><a href="chanping.html">1982</a></li>
					<li><a href="chanping.html">1992</a></li>
				</ul>
			</li>
			<li><a href="">白酒</a>
				<ul class="c-nav-hover">
					<li><a href="chanping.html">雷司令</a></li>
					<li><a href="chanping.html">贵人香</a></li>
					<li><a href="chanping.html">李将军</a></li>
					<li><a href="chanping.html">长相思</a></li>
				</ul>
			</li>
		</ul>
		<ul class="cp-list">
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp1.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp2.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp3.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp4.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp5.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp6.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp1.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp2.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp3.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp4.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp5.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
			<li><a href="spxq.html">
				<img src="images/chanpin/conlist-cp6.jpg" width="230"></a>
				<h4><a href="spxq.html">82年法国葡萄酒</a></h4>
				<i class="fa fa-heart-o shoucan" aria-hidden="true"></i>
				<i class="fa fa-heart shoucan2" aria-hidden="true"></i>
				<a class="jrgwc">加入购物车</a>
				<div class="list-h">
					<p>类型：葡萄酒<br>
					葡萄品种：唯代尔<br>
					酒精度：10.5%<br>
					产区：加拿大<br>
					等级：VQA<br>
					净含量：375ml<br>
					</p>
					<p>零售价：￥688</p>
				</div>
			</li>
		</ul>
	</div>
	
	<!--内容-名酒商标区域-->
	<div class="logobox" style="margin-top: 30px;">
    	<h3 class="lg-title">知名红酒</h3>
		<div class="logob">
			<a href=""><img src="images/con-ban1.png"></a>
            <a href=""><img src="images/con-ban2.png"></a>
            <a href=""><img src="images/con-ban3.png"></a>
            <a href=""><img src="images/con-ban4.png"></a>
            <a href=""><img src="images/con-ban5.png"></a>
            <a href=""><img src="images/con-ban1.png"></a>
		</div>
	</div>
	
	
	
	<!--页脚区域-->
	<div class="footbox">
    	<div class="foot">
			<div class="huiding"><a href="#">
				<i class="fa fa-arrow-up" aria-hidden="true"></i>
		   </a></div>
			<ul>
				<li><a href="lxwm.html">联系我们</a></li>
				<li><a href="jianjie.html">公司简介</a></li>
				<li><a href="new.html">公司新闻</a></li>
				<select class="f-xl">
					<option>友情链接</option>
					<option>翁丰统</option>
					<option>胡家俊</option>
					<option>张铭聪</option>
				</select>
			</ul>

			<p class="f-small">Copyright @ 2010-2016 木地酒庄有限公司 wengfengtong 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</p>
			<p class="f-sj">劝君更尽一杯酒<br/><span>满韵香含唯此家</span></p>
       		<img src="images/foot-logo.jpg" style="position:absolute;bottom:10px;right:30px; ">
        </div>
    </div>
	
</div>
</body>
</html>
